<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.2</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/X-admin/css/font.css">
    <link rel="stylesheet" href="/X-admin/css/login.css">
    <link rel="stylesheet" href="/X-admin/css/xadmin.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script src="js/x-login.js"></script>


</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">餐饮管理员登录</div>
    <div id="darkbannerwrap"></div>

    <!--    form目的 就是为了得到用户输入的值，提供用户输入信息-->
    <form method="post" class="layui-form">
        <input name="username" placeholder="用户名" type="text" lay-verify="username" class="layui-input">
        <hr class="hr15">
        <input name="password" lay-verify="password" placeholder="密码" type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">

        <hr class="hr20">
    </form>
    <div id="demo"></div>
</div>

<!--<script>-->
<!--    // document.getElementById("demo") 原生js-->
<!--    // jQuery  是对js的封装-->
<!--    // document.getElementById("demo").innerHTML = "我的第一段 JavaScript";-->
<!--    // $("#demo").html("我的第一段 JavaScript1111111111");-->
<!--    // window.alert("aaaaaaaa");//弹出警告框-->
<!--    // 使用 window.alert() 写入警告框-->
<!--    // 使用 document.write() 写入 HTML 输出-->
<!--    // document.write("adfsfa");-->
<!--    // 使用 innerHTML 写入 HTML 元素-->
<!--    // 使用 console.log() 写入浏览器控制台-->
<!--    // console.log("aaaaaaaaaaa");-->
<!--    // js 数据类型？-->
<!--    // 字符串值，String-->
<!--    // 数值，Number-->
<!--    // 布尔值，Boolean-->
<!--    // 数组，Array-->
<!--    // 对象 Object-->
<!--    // 数据类型的定义？-->
<!--    // var a = "lili"; 全局变量-->
<!--    // let b = "lucy"; 局部变量-->
<!--    // const c = "lilei"; 常量-->
<!--    // for (let i = 0; i < 5; i++) {-->
<!--    //     // var aa = "lili";-->
<!--    //     let bb = "lucy";-->
<!--    //     const cc = "lilei";-->
<!--    // }-->
<!--    //    变量提升（范围的提升）安全性不高-->
<!--    // console.log(c);-->
<!--    // let name = "lucy";-->
<!--    // let age = 18;-->
<!--    // let sex = true;-->
<!--    // let object = {"key": "value", "name": "lucy", age: 18, aa: ["a", 1]};-->
<!--    // json 对象和普通对象的区别？-->
<!--    // let array = [1, "aa", {"a":"b"}];-->
<!--    // js定义变量比较灵活，不需要定义变量数据类型-->
<!--    // js数据类型也会有相互转换-->
<!--    // let age = "18";-->
<!--    // let age2 = 18;-->
<!--    // let sum = age2 + parseInt(age.toString());-->
<!--    // let name="aa"; //定义了三个不同的变量-->
<!--    // let Name="aa";-->
<!--    // let nAme="aa";-->
<!--    // js命名  变量 小驼峰命名 userName-->
<!--    // 常量 还是全部大写-->
<!--    //  css 命名  user-name-->
<!--    // console.log(array);-->
<!--    // 运算符的优先级-->
<!--    // let value = "asdfjl";-->
<!--    // slice(a,b)  截取数据   a开始，b结束  a,b接受负数-->
<!--    // subString(a,b)  a开始，b结束   a,b不接受负数-->
<!--    // subStr(a,b) a开始，向后边数b个字符-->
<!--    // replace 替换-->
<!--    // let value="afdAsfsa\nbac";-->
<!--    // value=value.replace(/a/gi,"r");-->
<!--    // let value=[1,2,3];-->
<!--    // delete value[1];//删除元素，空间依然存在  默认值为empty，length不变-->
<!--    // console.log(value);-->
<!--    $(function () {-->
<!--        layui.use('form', function () {-->
<!--            var form = layui.form;-->
<!--            // layer.msg('玩命卖萌中', function(){-->
<!--            //   //关闭后的操作-->
<!--            //   });-->

<!--            //自定义验证规则-->
<!--            form.verify({-->
<!--                username: [/^[a-zA-Z0-9_-]{4,16}$/, "用户名正则，4到16位（字母，数字，下划线，减号）"],-->
<!--                password: [/(.+){6,12}$/, '密码必须6到12位']-->
<!--            });-->

<!--            //监听提交-->
<!--            form.on('submit(login)', function (data) {-->
<!--                // alert(888)-->
<!--                //layui弹出框？-->
<!--                // layer.msg(JSON.stringify(data.field), function () {-->
<!--                //     location.href = 'index.html'-->
<!--                // });-->
<!--                //data.field 表示拿到表单里面所有的值，是以对象的形式存在json对象-->
<!--                // name属性+value值-->
<!--                //JSON.stringify(data.field) 将对象转换为string-->
<!--                // console.log(typeof data.field)-->
<!--                // console.log(typeof JSON.stringify(data.field))-->
<!--                // 前端和后端进行交互,ajax-->
<!--                $.ajax({-->
<!--                    type: "post",//和servlet的方法相对应-->
<!--                    url: "/login",//和WebServlet相对应-->
<!--                    data: data.field,//这个就是传递到后台的值-->
<!--                    dataType: "json",//统一json-->
<!--                    success: function (data) {//data是后台传递到前端的值,统一json格式-->
<!--                        // let result = value;//这里的value是后台传递过来的值-->
<!--                        console.log(data);-->
<!--                        if (data.result == 'success') {-->
<!--                            window.open("/html/index.html");-->
<!--                            // location.href = "/html/index.html";-->
<!--                        } else {-->
<!--                            layer.msg("用户名或者密码输入错误，请重新输入");-->
<!--                        }-->
<!--                    }-->
<!--                });-->


<!--                return false;-->
<!--            });-->
<!--        });-->
<!--    })-->
<!--</script>-->
<!-- 底部结束 -->
<!--<script>-->
<!--    //百度统计可去掉-->
<!--    var _hmt = _hmt || [];-->
<!--    (function () {-->
<!--        var hm = document.createElement("script");-->
<!--        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";-->
<!--        var s = document.getElementsByTagName("script")[0];-->
<!--        s.parentNode.insertBefore(hm, s);-->
<!--    })();-->
<!--</script>-->
</body>
</html>